<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>文档渲染于整理</title>
  </head>
  <body>
    <h3>Jimmy</h3>
    <table>
      yesihao
      <tbody>
        <tr>
          <th>Helhel</th>
        </tr>
      </tbody>
    </table>
  </body>
  <script>
    function getnam() {
      console.log('hello')
    }
    /*
      当我们打开页面并检查元素的时候就会发现，我们写的script标签被浏览器默认放在了
        body标签里面了，  这就说明  真正规范的代码其实是其他元素都存放在body标签里面
          只是我们为了方便不是写代码的时候结构太复杂就放在body外  
            这个就是浏览器的整理机制
          浏览器的整理机制还体现在我们写了很不规范的table标签内容  但是浏览器都帮我们
            整理成了规范的内容  这样做的时候是方便在之后我们使用DOM对象的时候，元素是
            一个非常纯正的DOM对象
    */
  </script>
</html>
